<!--购物车页面 -->
<template>
    <div>
        <Search></Search>
        <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
            <h2>购物车</h2>
        </van-pull-refresh>
        <div class="tabber">
            <van-tabbar v-model="active" active-color="#ee0a24">
                <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
                <van-tabbar-item replace to="/category/list" icon="search">列表</van-tabbar-item>
                <van-tabbar-item replace to="/cart" icon="friends-o">购物车</van-tabbar-item>
                <van-tabbar-item replace to="/my" icon="user-o">我的</van-tabbar-item>
            </van-tabbar>
        </div>
    </div>
</template>

<script setup lang='ts'>

import { useProductList } from "@/hook/home";
import Search from '../Search.vue'
import { ref } from "vue";

const active = ref(2)
const { onRefresh, refreshing } =
    useProductList();

</script>

<style lang='scss' scoped>

</style>

  